<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" type="text/css" href="css/user_gly.css">
	<title>Document</title>
	<script src="js/jquery.min.js"></script>
	<script src="js/base.js"></script>
	<script src="js/paging.js"></script>
	<script src="js/user_gly.js"></script>
	<style>
		/* #user_strong ul  li:nth-child(1){
			width: 220px;
		}
		#user_strong ul  li:nth-child(4){
			width: 320px;
		} */
		.user_yong{
			border-bottom: 1px solid #ccc;
			width: 755px;
		}
		.page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}
	</style>
</head>
<body>
	<div class="user_gly_big">
		<span class="user_span"  style="display:none">
			<em>CMS用户管理</em>
			<em>CMS角色管理</em>
			<em>客户端用户管理</em>
		</span>
		<div class="user_gly active">
			<em  style="display: none">
				<span>
					搜索：
					<input type="text" name="">
				</span>
				<select class="select1">
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
				</select>
				<select class="select2">
					<option>5</option>
					<option>6</option>
					<option>7</option>
					<option>8</option>
				</select>
				<b>
					注册时间段：
					<input type="text" name="">
				</b>
				<button>搜索</button>
			</em>
			<strong id="user_strong" style="padding:30px;">
				<ul style="border-bottom: 1px solid #ccc">
					<li>登录ip</li>
					<!-- <li>ID</li> -->
					<li>用户名</li>
					<li>登录时间</li>
					<!-- <li>账号</li>
					<li>账号昵称</li>
					<li>EMAIL</li>
					<li>账号状态</li>
					<li>上次登录IP</li>
					<li>上次登录日期</li>
					<li>角色</li>
					<li>注册日期</li>
					<li>日志</li> -->
				</ul>
				<div id="user_strong" class="user_list">
				</div>
			</strong>
			<div>
				<div id="page" class="page_div"></div>
			</div>
		</div>
		<div class="user_gly">2222</div>
		<div class="user_gly">
			<div class="user_gly3">
				<em>
					<span>
					搜索：
					<input type="text" name="">
				</span>
				<select class="sele1">
					<option>1</option>
					<option>1</option>
					<option>1</option>
					<option>1</option>
				</select>
				<select class="sele2">
					<option>1</option>
					<option>1</option>
					<option>1</option>
					<option>1</option>
				</select>
				<em>
					注册时间段：
					<input type="text" name="">
				</em>
				</em>
				<b>
				<ul>
					<li>ID</li>
					<li>账号</li>
					<li>账号昵称</li>
					<li>EMAIL</li>
					<li>账号状态</li>
					<li>上次登录IP</li>
					<li>上次登录日期</li>
					<li>角色</li>
					<li>注册日期</li>
					<li>日志</li>
				</ul>
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				</b>
			</div>
		</div>
	</div>
</body>
</html>